{% extends 'base.html' %}
{% load staticfiles %}


{% block article %}


<article>
  <div class="picbox">
      {% for photos in photo %}
        <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="{{ MEDIA_URL }}{{ photos.img }}"></i>
        <div class="picinfo">
          <h3>{{ photos.title }}</h3>
          <span>{{ photos.desc }}</span> </div>
        </a></li>
{#       <li data-scroll-reveal="enter bottom over 1s" ><a href="/"><i><img src="{{ MEDIA_URL }}{{ photos.img }}"></i>#}
{#        <div class="picinfo">#}
{#          <h3>{{ photos.title }}</h3>#}
{#          <span>{{ photos.desc }}</span> </div>#}
{#        </a></li>#}
    </ul>
        {% endfor %}
  </div>
  <div class="pagelist">
      <a class="allpage"><b>99</b></a>&nbsp;&nbsp;
      <a href="#" class="curPage">1</a>&nbsp;&nbsp;
      <a href="#" onclick="page(2)">2</a>&nbsp;&nbsp;
      <a href="#" onclick="page(3)">3</a>&nbsp;&nbsp;
      <a href="#" onclick="page(4)">4</a>&nbsp;&nbsp;
      <a href="#" onclick="page(5)">5</a>&nbsp;&nbsp;
      <a href="#" onclick="page(6)">6</a>&nbsp;&nbsp;
      <a href="#" onclick="page(7)">7</a>&nbsp;&nbsp;
      <a href="#" onclick="page(8)">8</a>&nbsp;&nbsp;
      <a href="#" onclick="page(9)">9</a>&nbsp;&nbsp;
      <a href="#" onclick="page(2)">下一页</a>
  </div>
</article>




{% endblock %}



    {% block my_js %}
    <script src="{% static 'js/scrollReveal.js' %}"></script>
        <script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script>

    {% endblock %}

